

<template>
  <div class="main-wrapper">
    <div class="main-menu">
      <slide></slide>
    </div>
    <div class="main-container">
      <router-view></router-view>
    </div>
  </div>
 


</template>
<script setup lang="ts">
import Slide from './Slide.vue'
</script>
<style scoped>
.main-wrapper{
  display: flex;
  width: 100%;
  height: 100%;
}
.main-menu{
  width: 300px;
  border-inline-end: 1px solid rgba(5, 5, 5, 0.06);
  min-height: 100%;
  padding-bottom: 48px;
  color: rgba(0, 0, 0, 0.88);
  background: #ffffff;
  overflow-y: auto;
}
.main-container{
 flex: 1;
 overflow-y: auto;
 padding: 20px 32px;
}
</style>
<style>
@import '@/assets/css/index.css';
</style>
<style lang="less">
@import '@/styles/index.less';
</style>
